<%--
  Created by IntelliJ IDEA.
  User: zheng
  Date: 2018/7/7
  Time: 21:29
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>

    <jsp:include page="/WEB-INF/views/commons/common.jsp"/>
    <script src="/static/js/system/insure.js"></script>
    <title>保险投保</title>
    <style type='text/css'>
        .accordion .accordion-header {
            border-top-width: 0;
            cursor: pointer;
        }

        /*.accordion-collapse{*/
        /*background:url('/static/images/Cornerstone-4.1.jpeg') no-repeat;*/
        /*}*/
        .accordion-expand {
            background: url('/static/js/plugins/jquery-easyui/themes/icons/icons8-open_sign.png') no-repeat;
        }

        /*.panel-header{*/
        /*background:url('/static/js/plugins/jquery-easyui/themes/icons/icons8-open_sign.png') repeat-x;*/
        /*border:1px solid black;*/
        /*}*/
        /*.panel-title{*/
        /*background:url('/static/images/Cornerstone-4.1.jpeg') no-repeat;*/
        /*}*/
    </style>
</head>
<body>
<div id="ac">
    <div title="投保人" data-options="iconCls:'icon-save8',selected:true" class="cc"
         style="overflow:auto;padding:10px;height: 10px">
        <form id="client_form" method="post">
            <input type="hidden" name="id" id="appId">
            <table align="center" style="border-collapse: separate;border-spacing: 40px;">
                <tr>
                    <td>客户名称</td>
                    <td><input class="easyui-textbox" type="text" name="name" id="name"></td>
                    <td>性别</td>
                    <td><input class="easyui-combobox" type="text" name="gender" id="gender"
                               data-options="
                                    valueField: 'value',
		                            textField: 'label',
		                            data:[{
			                            label: '男',
			                            value: '1'
		                            },{
			                            label: '女',
			                            value: '0'
	                    	        }
		                            ],
		                            panelHeight:'auto'
                                    "
                    ></td>
                    <td>身份证</td>
                    <td><input class="easyui-textbox" type="text" name="identityCard" id="identityCard"></td>
                </tr>
                <tr>
                    <td>联系方式</td>
                    <td><input class="easyui-textbox" type="text" name="phone" id="phone"></td>
                </tr>
                <tr>
                    <td>地址</td>
                    <td><input class="easyui-textbox" type="text" name="address" id="address"></td>
                </tr>
                <tbody>
                <tr>
                    <th>
                        <a onclick="vip();" class="easyui-linkbutton" data-options="iconCls:'icon-search'"
                           data-cmd="chooseLatent" text="会员客户"></a>
                    </th>
                </tr>
                </tbody>
            </table>
        </form>
    </div>
    <div title="车辆信息" data-options="iconCls:'icon-save8'" style="padding:10px;">
        <form id="car_form">
            <table align="center" style="border-collapse: separate;border-spacing: 40px;">
                <tr>
                    <td>车主姓名:<input id="carname" class="easyui-textbox"/></td>
                    <td>车辆品牌:<input id="brand" name="brand" class="easyui-textbox"/></td>
                    <td>车辆型号:<input id="model" name="model" class="easyui-textbox"/></td>
                </tr>
                <tr>
                    <td>车牌号码:<input id="number" class="easyui-textbox"/></td>
                    <td>排气量/L:<input id="displacement" name="displacement" class="easyui-textbox"/></td>
                    <td>汽车分类:<input id="classify" name="classify" class="easyui-combobox"
                                    data-options="valueField:'value',panelHeight:'auto',textField:'text',
            data:[{text:'载人',value:'1'},{text:'载物',value:'0'}]"/></td>
                </tr>
                <tr>
                    <td>购置日期:<input id="buyDate" class="easyui-datebox"/></td>
                    <td>市场估价:<input id="evaluate" name="evaluate" class="easyui-textbox"/></td>
                    <td>车载大小:<input class="easyui-combobox" type="text" id="carsize" name="carsize" data-options="
        data:[{'value':'0' ,'text':'小型' },{'value':'1' ,'text':'中型' },{'value':'2' ,'text':'大型' },{'value':'3' ,'text':'超大型' }],
        valueField:'value', textField:'text', panelHeight:'auto'"/></td>
                </tr>
                <tbody>
                <tr>
                    <th>
                        <a onclick="car();" class="easyui-linkbutton" data-options="iconCls:'icon-search'"
                           data-cmd="chooseLatent" text="常见车型选择"></a>
                    </th>
                </tr>
                </tbody>
            </table>
        </form>
    </div>
    <div title="保险产品" data-options="iconCls:'icon-save8'">
        <div class="easyui-panel" fit="true">
            <form id="productInfo_form" method="post">
                <input type="hidden" name="id"/>
                <table align="center" style="border-collapse: separate;border-spacing: 40px;">
                    <tbody>
                    <div style="margin-top: 30px"></div>
                    <tr style="height: 40px">
                        <td>承保机构:</td>
                        <td width="10px">
                        <td>
                            <input id="agency" class="easyui-combobox" style="width: 200px"
                                   prompt="请选择承保机构"
                                   data-options="
                                    url:'/organization/query',
                                    valueField: 'id',
		                            textField: 'name',
		                            panelHeight:'auto'
                                    "
                            />
                        </td>
                        <td width="10px"></td>
                        <td>
                            <a class="easyui-linkbutton" data-options="iconCls:'icon-addproduct',plain:true"
                               onclick="addProduct();"
                               data-cmd="addProduct" text="添加产品"></a>
                        </td>
                        <td width="10px"></td>
                        <td width="80px">保险时长：</td>
                        <td width="10px">
                            <input id="burningTime" class="easyui-textbox"/>
                        </td>
                        <td width="5px"></td>
                        <td>年</td>
                    </tr>
                    </tbody>
                </table>
                <table id="pro_datagrid"></table>
                <table align="center">
                    <tbody>
                    <tr>
                        <th>
                            总计<span id="totalAmount" style="color: red;font-size: 60px">0</span>元
                        </th>
                    </tr>
                    </tbody>
                </table>
                <table align="center">
                    <tbody>
                    <tr>
                        <th>
                            <a class="easyui-linkbutton" id="submitBtn"
                               style="background-color: #1b8cf2;color: white"
                               data-options="width:300" text="暂存保单"></a>
                        </th>
                    </tr>
                    </tbody>
                </table>
            </form>
        </div>
    </div>
</div>
</div>
<div id="client_dialog">
    <table id="clientDg" fit="true"></table>
</div>
<div id="car_dialog">
    <table id="carDg" fit="true"></table>
</div>
<a id="save" class="easyui-linkbutton" data-options="iconCls:'icon-save'"
   text="确认" onclick="loadClient();"></a>
<a id="saveC" class="easyui-linkbutton" data-options="iconCls:'icon-save'"
   text="确认" onclick="loadCar();"></a>
</body>
</html>
